<style>

    .longList {
        padding-bottom: 45px;
    }

    @media screen and (min-width: 320px) and (max-width: 374px) {

        .longList .Rec-cnt li {
            padding: 5px 6px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            border-bottom: 1px solid #E6E6E6;

        }
        .longList .Rec-cnt .Rec-img {
            width: 43%;
            height: 75px;
        }
        .longList .Rec-cnt .Rec-img img {
            width: 100%;
            height: 100%;
        }
        .longList .Rec-cnt .Rec-desc {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 53%;
            margin-left: 4%;
            padding: .3rem 0;
            color: #333;

        }
        .recAddPrice {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            font-size: 12px;
        }
        .recAddress {
            width: 70%;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .RecPrice {
            width: 35%;
            color: #F36838;

        }
        .houseState {
            font-size: 12px;
            text-align: right;
        }
    }

    @media screen and (min-width: 375px) and (max-width: 413px) {

        .longList .Rec-cnt li {
            padding: 10px 12px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            border-bottom: 1px solid #E6E6E6;

        }
        .longList .Rec-cnt .Rec-img {
            width: 40%;
            height: 81px;
        }
        .longList .Rec-cnt .Rec-img img {
            width: 100%;
            height: 100%;
        }
        .longList .Rec-cnt .Rec-desc {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 56%;
            margin-left: 4%;
            padding: .2rem 0;
            color: #333;

        }
        .recAddPrice {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }
        .recAddress {
            width: 65%;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .RecPrice {
            width: 30%;
            color: #F36838;

        }
        .houseState {
            font-size: 12px;
            text-align: right;
        }
    }

    @media screen and (min-width: 414px) {

        .longList .Rec-cnt li {
            padding: 10px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            border-bottom: 1px solid #E6E6E6;

        }
        .longList .Rec-cnt .Rec-img {
            width: 38%;
            height: 86px;
        }
        .longList .Rec-cnt .Rec-img img {
            width: 100%;
            height: 100%;
        }
        .longList .Rec-cnt .Rec-desc {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 58%;
            margin-left: 4%;
            color: #333;

        }
        .recAddPrice {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }
        .recAddress {
            width: 75%;
            display: inline-block;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .RecPrice {
            color: #F36838;
            width: 30%;

        }
        .houseState {
            font-size: 12px;
            text-align: right;
        }
    }

    .longList .landBtn {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;

        position: fixed;
        bottom: 0;
        width: 100%;
        background: white;
        padding: .4rem 12px;
    }

    .longList .landBtn input {
        padding: .5rem 2rem;
        border-radius: 1rem;
        background: #39AC6A;
        color: white;
    }
</style>
<div class="longList">

    <!-- S 房间列表 -->
    <ul class="Rec-cnt">
        <li ng-repeat="RecData in RecData track by $index">
            <div class="Rec-img">
                <img ng-src="{{httpSrc+RecData.img.img}}" alt="">
            </div>
            <div class="Rec-desc">
                <div>
                    已经完成的订单数：
                    <span>{{RecData.count}}</span>
                </div>
                <div class="recAddPrice">
                    <span class="c666 size12">待提现金额：
                        <span class="RecPrice">{{RecData.wait_price|currency:"￥"}}</span>
                    </span>
                </div>
                <div class="recAddPrice">
                    <span class="recAddress">总收入：
                        <span class="RecPrice">{{RecData.total_price|currency:"￥"}}</span>
                    </span>

                    <div class="houseState">
                        <span class="green" ng-show="RecData.status==1">今日可住</span>
                        <span class="RecPrice" ng-show="RecData.status==2">冻结</span>                        
                        <span class="RecPrice" ng-show="RecData.status==3">待审核</span>                        
                        <span class="RecPrice" ng-show="RecData.status==4">未通过</span>                        
                        <span class="RecPrice" ng-show="RecData.status==5">已下单</span>
                        <span class="RecPrice" ng-show="RecData.status==6">待打扫</span>

                    </div>
                </div>

            </div>
        </li>
    </ul>
    <!-- 房间列表 E -->
    <div class="landBtn">
        <div>
            待提现金额：
            <span class="org">{{mount_money|currency:"￥"}}</span>
        </div>
        <input type="button" value="申请提现" data-ng-click="landTX()">
    </div>
</div>